<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0055)http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Use the chrome frame -->
        <meta http-equiv="X-UA-Compatible" content="chrome=IE8">
        <title>
            Kukui Cup :
        </title>
        <link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/css/default/jquery-ui.css">
        <link rel="stylesheet" href="screen.css">
        <link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/frontendadmin/css/frontendadmin.css">
        <link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/uni_form/uni-form.css">
        <link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/css/default/logged_in_base.css">
        <link rel="stylesheet" href="energy.css">
        <link rel="stylesheet" href="theme.css">
    </head>
    <body>
        <div class="container">
            <div class="container-top">
                <div class="container-bottom">
                    <div id="header">
                        <div style="margin-top: 10px">
                            <div id="header-logout">
                                <button id="header-feedback" href="javascript:void(0);">
                                    Send Feedback
                                </button>
                                <a href="landing.html">
                                    Logout
                                </a>
                            </div>
                            <div id="header-logo">
                                <a href="home.html">
                                    <img src="./activities_files/logo.png" title="Home">
                                </a>
                            </div>
                            <div id="header-info">
                                <div id="header-avatar">
                                    <img src="./activities_files/default_avatar.png">
                                </div>
                                <div id="header-user-info">
                                    <div id="header-user-username">
                                        &lt;george&gt;
                                    </div>
                                    <div id="user-cycle" style="position: relative; width: 120px; height: 61px; ">
                                        <!-- Third slideshow element -->
                                        <div id="header-user-floor-rank3" style="position: absolute; z-index: 3; top: 0px; left: 0px; display: block; width: 120px; height: 61px; opacity: 0.5980439999999999; ">
                                            <div id="header-user-points">
                                                <h3>
                                                    88
                                                </h3>
                                                <div id="header-text">
                                                    points
                                                </div>
                                            </div>
                                            <div id="header-user-rank">
                                                <h3>
                                                    #1
                                                </h3>
                                                <div id="header-text">
                                                    out of 51 in Ilima-E
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Fourth slideshow element -->
                                        <div id="header-user-overall-rank4" style="position: absolute; top: 0px; left: 0px; display: block; width: 120px; height: 61px; z-index: 2; opacity: 0.4019560000000001; ">
                                            <div id="header-user-points">
                                                <h3>
                                                    88
                                                </h3>
                                                <div id="header-text">
                                                    points
                                                </div>
                                            </div>
                                            <div id="header-user-rank">
                                                <h3>
                                                    #1
                                                </h3>
                                                <div id="header-text">
                                                    out of 1013 overall
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="header-floor-info">
                                    <div id="header-floor-name">
                                        Ilima: Lounge E
                                    </div>
                                    <div id="floor-cycle" style="position: relative; width: 120px; height: 66px; ">
                                        <div id="header-floor-overall-rank3" style="position: absolute; z-index: 3; top: 0px; left: 0px; display: block; width: 120px; height: 66px; opacity: 0.581391; ">
                                            <div id="header-floor-points">
                                                <h3>
                                                    1338
                                                </h3>
                                                <div id="header-text">
                                                    points overall
                                                </div>
                                            </div>
                                            <div id="header-floor-rank">
                                                <h3>
                                                    #1
                                                </h3>
                                                <div id="header-text">
                                                    out of 20 in all dorms
                                                </div>
                                            </div>
                                        </div>
                                        <div id="header-floor-overall-rank4" style="position: absolute; top: 0px; left: 0px; display: block; width: 120px; height: 38px; z-index: 2; opacity: 0.418609; ">
                                            <div id="header-floor-energy">
                                                <h3 id="overall-energy-value">
                                                    141
                                                </h3>
                                                <div id="header-text">
                                                    kWh used overall
                                                </div>
                                            </div>
                                            <div id="header-floor-rank">
                                                <h3 id="overall-energy-rank">
                                                    #14
                                                </h3>
                                                <div id="header-text">
                                                    out of 20 in all dorms
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="header-floor-image">
                                    <img src="./activities_files/hale.ilima.jpg">
                                </div>
                            </div>
                            <div id="header-nav">
                                <div class="selected-energy">
                                    <div id="header-round-info">
                                        <h3>
                                            Overall
                                        </h3>
                                        <span id="header-round-countdown" class="hasCountdown">
                                            (ends in 5 Days, 9 Hours, and 39 Minutes)
                                        </span>
                                    </div>
                                    <div id="header-nav-links">
                                        <ul>
                                            <li>
                                                <a href="activities.html" class="activities">
                                                    <img src="./news_files/spacer.png">
                                                    <h4>
                                                        Get Nutz
                                                    </h4>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="energy.html" class="energy">
                                                    <img src="./news_files/spacer.png">
                                                    <h4>
                                                        Go Low
                                                    </h4>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="news.html" class="news">
                                                    <img src="./news_files/spacer.png">
                                                    <h4>
                                                        News
                                                    </h4>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="prizes.html" class="prizes">
                                                    <img src="./news_files/spacer.png">
                                                    <h4>
                                                        Prizes
                                                    </h4>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="profile.html" class="profile">
                                                    <img src="./news_files/spacer.png">
                                                    <h4>
                                                        Profile
                                                    </h4>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="help.html" class="help">
                                                    <img src="./news_files/spacer.png">
                                                    <h4>
                                                        Help
                                                    </h4>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="quest-box" style="clear: both">
                            <div id="quest-header">
                                <h3 id="quest-title">
                                    Your Quests
                                </h3>
                                <a href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#" style="float: right">
                                    <img src="./activities_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;">
                                </a>
                            </div>
                            <div style="clear: both">
                            </div>
                            <ul id="quest-list">
                                <li>
                                    <a href="javascript:void(0)" id="get-social" class="quest-title ">
                                        Get social
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" id="get-fully-committed-badge" class="quest-title ">
                                        Get the Fully Committed badge
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" id="check-lounge-energy-use" class="quest-title ">
                                        Check lounge energy use
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="content">
                        <div id="energy-power-scoreboard">
                            <div id="energy-power" class="content-box">
                                <div id="activity-power-box">
                                    <div id="energy-power-title" class="content-box-title">
                                        Current Lounge Power
                                        <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
                                            <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;lounge-power&#39;); return false;">
                                        </a>
                                    </div>
                                    <div id="energy-power-content">
                                        <center>
                                            <div id="energy-power-gauge">
                                                <div id="visualization">
                                                </div>
                                            </div>
                                        </center>
                                    </div>
                                </div>
                            </div>
                            <p>
                            </p>
                            <div id="energy-scoreboard-box" class="content-box">
                                <div id="energy-scoreboard" style="position: relative; height: 530px; ">
                                    <div class="energy-scoreboard-cycle" style="position: absolute; top: 0px; left: 0px; opacity: 1; display: block; z-index: 4; ">
                                        <div id="energy-scoreboard-title" class="content-box-title" style="width: 100%">
                                            Overall kWh Score Board
                                            <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
                                                <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;">
                                            </a>
                                        </div>
                                        <div id="energy-scoreboard-content">
                                            <table id="overall-energy-scoreboard">
                                            </table>
                                        </div>
                                    </div>
                                    <div class="energy-scoreboard-cycle" style="top: 0px; left: 0px; z-index: 2; position: absolute; opacity: 0; display: none; ">
                                        <div id="energy-scoreboard-title" class="content-box-title" style="width: 100%">
                                            Round 2 kWh Score Board
                                            <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
                                                <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;">
                                            </a>
                                        </div>
                                        <div id="energy-scoreboard-content">
                                            <table id="round-2-energy-scoreboard">
                                            </table>
                                        </div>
                                    </div>
                                    <div class="energy-scoreboard-cycle" style="top: 0px; left: 0px; z-index: 1; position: absolute; opacity: 0; display: none; ">
                                        <div id="energy-scoreboard-title" class="content-box-title" style="width: 100%">
                                            Round 1 kWh Score Board
                                            <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
                                                <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;">
                                            </a>
                                        </div>
                                        <div id="energy-scoreboard-content">
                                            <table id="round-1-energy-scoreboard">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div id="scoreboard-cycle-nav">
                                    <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" class="activeSlide">
                                        1
                                    </a>
                                    <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#">
                                        2
                                    </a>
                                    <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#">
                                        3
                                    </a>
                                </div>
                                <div id="energy-scoreboard-message">
                                    #1 at end of round wins a
                                    <a href="http://dasha.ics.hawaii.edu:8200/prizes">
                                        prize!
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div id="energy-status">
                            <div id="energy-status-box" class="content-box">
                                <div id="energy-status-title" class="content-box-title">
                                    Daily Energy Goal Game
                                    <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
                                        <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-goal-game&#39;); return false;">
                                    </a>
                                </div>
                                <div id="energy-status-content">
                                    </br>
                                    <div class="content-box-shadow">
                                        <legend>
                                            <b>
                                                <u>
                                                    Current Status
                                                </b>
                                            </u>
                                        </legend>
                                        <div id="energy-power-box">
                                            <div id="EnergyGoalGame-visualization">
                                            </div>
                                        </div>
                                        <p>
                                        </p>
                                        <center>
                                            <b>
                                                Each member receives 20 points           each day that we make our goal.
                                            </b>
                                        </center>
                                    </div>
                                    </br>
                                    <div class="content-box-shadow">
                                        <legend>
                                            <b>
                                                <u>
                                                    How can we make our daily goal?
                                                </b>
                                            </u>
                                        </legend>
                                        <table id="energy-status-how-table">
                                            <tbody>
                                                <tr id="energy-status-how-calculator">
                                                    <td id="energy-status-how-activities-content">
                                                        The following activities can help your lounge conserve energy, and you earn points!
                                                        <table id="energy-status-how-activities-table">
                                                            <thead>
                                                                <tr>
                                                                    <th>
                                                                        Activity
                                                                    </th>
                                                                    <th>
                                                                        Points
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr>
                                                                    <td>
                                                                        <a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-vampires">
                                                                            I will turn off vampire loads using a power strip
                                                                        </a>
                                                                    </td>
                                                                    <td>
                                                                        5
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    </br>
                                    <div class="content-box-shadow">
                                        <b>
                                            <u>
                                                <legend>
                                                    Organize with your lounge peeps
                                                </legend>
                                            </u>
                                        </b>
                                        </br>
                                        Got ideas on how to conserve energy? Share it on the lounge wall:
                                        <br>
                                        <div id="news-wall-content">
                                            <div id="wall-form">
                                                <form id="news-post-form" action="http://dasha.ics.hawaii.edu:8200/news/post/" method="POST">
                                                    <div style="display:none">
                                                        <input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9">
                                                    </div>
                                                    <div id="wall-post-errors">
                                                    </div>
                                                    <div id="wall-post">
                                                        <textarea id="id_post" rows="10" cols="40" name="post">What's on your mind?
                                                        </textarea>
                                                    </div>
                                                    <div style="text-align: center">
                                                        <button id="wall-post-submit" style="font-size: 14px; margin-top:0.8em; margin-left:0.5em; margin-right:0.5em; margin-bottom:0.8em;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled ui-button-text-only" role="button" aria-disabled="true" disabled="">
                                                            <span class="ui-button-text">
                                                                Post
                                                            </span>
                                                        </button>
                                                    </div>
                                                    <!---
                                                    <a id="wall-post-submit" href="#">
                                                        Post
                                                    </a>
                                                    -->
                                                </form>
                                            </div>
                                            <ul id="wall-posts">
                                            </ul>
                                            <p id="wall-no-posts" style="padding: 7px;">
                                                There are no posts yet!
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="footer">
                    </div>
                </div>
            </div>
        </div>
        <div style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-widget-help-dialog">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span class="ui-dialog-title" id="ui-dialog-title-widget-help-dialog">
                    Help
                </span>
                <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" class="ui-dialog-titlebar-close ui-corner-all" role="button">
                    <span class="ui-icon ui-icon-closethick">
                        close
                    </span>
                </a>
            </div>
            <div id="widget-help-dialog" style="" class="ui-dialog-content ui-widget-content">
            </div>
            <div class="ui-resizable-handle ui-resizable-n">
            </div>
            <div class="ui-resizable-handle ui-resizable-e">
            </div>
            <div class="ui-resizable-handle ui-resizable-s">
            </div>
            <div class="ui-resizable-handle ui-resizable-w">
            </div>
            <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001; ">
            </div>
            <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; ">
            </div>
            <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; ">
            </div>
            <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; ">
            </div>
        </div>
        <div style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-dialog">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span class="ui-dialog-title" id="ui-dialog-title-feedback-dialog">
                    Send Feedback
                </span>
                <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" class="ui-dialog-titlebar-close ui-corner-all" role="button">
                    <span class="ui-icon ui-icon-closethick">
                        close
                    </span>
                </a>
            </div>
            <div id="feedback-dialog" style="" class="ui-dialog-content ui-widget-content">
                <form id="feedback-form" action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/" method="POST">
                    <div style="display:none">
                        <input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9">
                    </div>
                    <p>
                        Having issues?  Just want to tell us something?  Let us know!
                    </p>
                    <input id="id_url" type="hidden" name="url" value="">
                    <textarea id="id_question" rows="3" cols="53" name="question">
                    </textarea>
                    <br>
                    <input id="feedback-submit" type="submit" value="Send" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled" role="button" aria-disabled="true" disabled="">
                    <span id="feedback-spinner" style="display:none">
                        Sending
                        <img src="./energy_files/spinner.gif">
                    </span>
                </form>
            </div>
            <div class="ui-resizable-handle ui-resizable-n">
            </div>
            <div class="ui-resizable-handle ui-resizable-e">
            </div>
            <div class="ui-resizable-handle ui-resizable-s">
            </div>
            <div class="ui-resizable-handle ui-resizable-w">
            </div>
            <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001; ">
            </div>
            <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; ">
            </div>
            <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; ">
            </div>
            <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; ">
            </div>
        </div>
        <div style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-success">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span class="ui-dialog-title" id="ui-dialog-title-feedback-success">
                    Thank You!
                </span>
                <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" class="ui-dialog-titlebar-close ui-corner-all" role="button">
                    <span class="ui-icon ui-icon-closethick">
                        close
                    </span>
                </a>
            </div>
            <div id="feedback-success" style="" class="ui-dialog-content ui-widget-content">
                <p style="text-align: left">
                    Your feedback has been sent to the administrators.  If you asked a question, they will email    you a response as soon as possible.
                </p>
                <button>
                    OK
                </button>
            </div>
            <div class="ui-resizable-handle ui-resizable-n">
            </div>
            <div class="ui-resizable-handle ui-resizable-e">
            </div>
            <div class="ui-resizable-handle ui-resizable-s">
            </div>
            <div class="ui-resizable-handle ui-resizable-w">
            </div>
            <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001; ">
            </div>
            <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; ">
            </div>
            <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; ">
            </div>
            <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; ">
            </div>
        </div>
        <div id="media_floatingBar" style="position: absolute; left: 939px; top: 14px; ">
            <a id="001" title="View Original Image" style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_orl.png); ">
            </a>
            <a id="002" title="Magnifier" style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_zoom.png); ">
            </a>
        </div>
    </body>
</html>
